<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:s="http://jboss.com/products/seam/taglib"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                template="#{theme.template}">

<ui:define name="left">
	<rich:simpleTogglePanel switchType="client">
		<f:facet name="header">Ultimas subastas</f:facet>
		<span style="float:right">
			<s:link view="/rss/last-auctions.xhtml" propagation="none" target="_blank">
				<img src="img/rss_icon.jpg" />
			</s:link>
		</span>
		<div>
			<ui:repeat value="#{auctionq.lastAuctions(5)}" var="auction">
				<s:link view="/auction.xhtml" value="#{auction.item.title}" propagation="none">
					<f:param name="id" value="#{auction.id}" />
				</s:link>
				- #{auction.startingPrice} - #{auction.endDate}<br/>
			</ui:repeat>
		</div>
	</rich:simpleTogglePanel>
	
	<rich:simpleTogglePanel switchType="client">
		<f:facet name="header">Ultimas pujas</f:facet>
		<span style="float:right">
			<s:link view="/rss/last-bids.xhtml" propagation="none" target="_blank">
				<img src="img/rss_icon.jpg" />
			</s:link>
		</span>
		<div>
			<ui:repeat value="#{bidq.lastBids(5)}" var="bid">
				<s:link view="/bid.xhtml" value="#{bid.auction.item.title}" propagation="none">
					<f:param name="id" value="#{bid.id}" />
				</s:link>
				- #{bid.amount}<br/>
			</ui:repeat>
		</div>
	</rich:simpleTogglePanel>
	
</ui:define>

<ui:define name="body">

	<!-- Observa como se pueden mezclar etiquetas de JSF con etiquetas html normales y con texto plano -->
	
	
  <rich:panel>
  	<f:facet name="header">Bienvenido</f:facet>
	Primero echa un vistazo a los ejemplos de Seam explicados en el tutorial
	<br />
	<h:outputLink value="http://docs.jboss.com/seam/2.1.0.CR1/reference/en-US/html/tutorial.html">Ver ejemplos</h:outputLink>
  </rich:panel>
	
	
  <h:form>
   <rich:simpleTogglePanel switchType="client" style="margin-top: 10px">
    <f:facet name="header">Puedes abrir/cerrar este panel</f:facet>
    <s:div>
			<h:outputText value="Antes de empezar a trabajar con Seam es importante saber como funciona la parte visual con " />
			<h:outputLink value="http://www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=GuiaJSF">
				JSF
			</h:outputLink>
			<s:div rendered="true">
			Para trabajar con JSF en Seam, no es tan importante saber configurarlo ni integrarlo con jsp, 
			como entender el ciclo de vida de JSF y entender que pueden hacer llamadas a sus backing-beans.
			<br />
			Es muy util saber los diferentes componentes con los que contamos, tanto los de la 
			<a href="http://java.sun.com/javaee/javaserverfaces/1.2_MR1/docs/tlddocs/index.html"> 
				implementacion oficial
			</a>
			como los de, en nuestro caso,
			<a href="http://livedemo.exadel.com/richfaces-demo/richfaces/inplaceInput.jsf?c=inplaceInput"> 
				Richfaces
			</a>  y
			<a href="http://docs.jboss.com/seam/2.1.0.CR1/reference/en-US/html/controls.html">
				los componentes propios de Seam
			</a>
			</s:div>
		</s:div>
		<s:div rendered="#{1 == 1}" style="margin: 20px">
			<h:outputText value="Esta es una pagina de "></h:outputText>
			<h:outputLink value="http://www.elholgazan.com/2007/08/facelets-de-ajusta-jsf-como-un-guante.html">
				<h:outputText value="facelets"></h:outputText>
			</h:outputLink>
			<h:outputText value="cuyo template se encuentra en 'layout/template.xhtml'" />
		</s:div>
		<s:div rendered="#{1 == 2}">
			Este texto no se mostrara porque el atributo rendered del componente padre tiene valor false
		</s:div>
		<div>
			puedes <s:link action="#{util.suma(1, 234)}" value=" invocar " />metodos de cualquier componente, 
			y usar el valor que devuelvan.
			
			<br />
			<!-- Si quieres ejecutar un metodo sin usar u boton/link debes poner los parentesis para indicar que es una funcion -->
			#{util.dimeAlgoCualquiera()}
		</div>
   </rich:simpleTogglePanel>
   
  </h:form>
</ui:define>
</ui:composition>
